<template>
  <Space size="small" :class="className">
    <slot name="prefix" />
    <Placeholder :data="text" :placeholder="placeholder">
      <TypographyText :copyable="copyable" type="secondary">
        {{ text }}
      </TypographyText>
    </Placeholder>
    <slot name="suffix" />
  </Space>
</template>

<script setup lang="ts">
// import { PropType } from "vue";
import { Space, TypographyText } from 'ant-design-vue'
// import { BaseType } from "ant-design-vue/lib/typography/Base";
import Placeholder from '../Placeholder/index.vue'
defineProps({
  className: {
    type: String,
  },
  copyable: {
    type: Boolean,
  },
  isSecondary: {
    type: Boolean,
    default: false,
  },
  text: {
    type: String,
  },
  placeholder: {
    type: String,
  },
})
</script>

<style lang="less" scoped></style>
